.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
* {
    padding: 0;
    margin: 0;
}
.txh{
    display: flex;
    
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
.box {
    display: -webkit-flex;
    display: flex;
    
}
html,
body {
    width: 100%;
    height: 100%;
    background: #fcfbfb;
}
.padding(@top, @right, @bottom, @left) {
    .px2rem(padding-top,@top);
    .px2rem(padding-right,@right);
    .px2rem(padding-bottom,@bottom);
    .px2rem(padding-left,@left);
}
.margin(@top, @right, @bottom, @left) {
    .px2rem(margin-top,@top);
    .px2rem(margin-right,@right);
    .px2rem(margin-bottom,@bottom);
    .px2rem(margin-left,@left);
}
.pl(@pl) {
    .px2rem(padding-left,@pl);
}
.pr(@pr) {
    .px2rem(padding-right,@pr);
}
.pt(@pt) {
    .px2rem(padding-top,@pt);
}
.pb(@pb) {
    .px2rem(padding-bottom,@pb);
}
.ml(@ml) {
    .px2rem(margin-left,@ml);
}
.mr(@mr) {
    .px2rem(margin-right,@mr);
}
.mt(@mt) {
    .px2rem(margin-top,@mt);
}
.mb(@mb) {
    .px2rem(margin-bottom,@mb);
}
.w(@width) {
    .px2rem(width,@width);
}
.h(@height) {
    .px2rem(height,@height);
}
.lh(@lh) {
    .px2rem(line-height,@lh)
}
.fz(@fz) {
    .px2rem(font-size,@fz)
}
.name(){
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width:100%;
}
.header{
    .h(88);
    background: linear-gradient(#ed0000,#a90000);
    .box();
    justify-content: center;
    align-items: center;
    span{
        .fz(46);
        color: white;
    }
}
.section{
    .h(860);
    .box();
    align-items: center;
    flex-direction: column;
    .start{
        .h(265);
        .w(705);
        border: 1px solid #cccccc;
        .mt(22);
        border-radius:6px;
        background: #ffffff;
        li{
            
            .h(88);
            border-bottom: 1px solid #CCCCCC;
        }
        li:nth-child(1){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(2){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(3){
            border-bottom: none;
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(157);
                 .h(55);
                 .pr(22);  
                }
                
                
             }
        }
    }
    .center{
        .h(265);
        .w(705);
        border: 1px solid #cccccc;
         .mt(22);
        border-radius:6px;
          background: #ffffff;
        li{
            
            .h(88);
            border-bottom: 1px solid #CCCCCC;
        }
        li:nth-child(1){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(2){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(3){
            border-bottom: none;
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(157);
                 .h(55);
                 .pr(22);  
                }
                
                
             }
        }
    }
    .end{
        .h(265);
        .w(705);
        border: 1px solid #cccccc;
         .mt(22);
        border-radius:6px;
        li{
            
            .h(88);
            border-bottom: 1px solid #CCCCCC;
        }
        li:nth-child(1){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(2){
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
        li:nth-child(3){
            border-bottom: none;
            .box();
             align-items: center;
             justify-content:space-between;
             p:nth-child(1){
                 .fz(32);
                 .pl(16);
             }
             p:nth-child(2){
                img{
                   .w(36);
                 .h(39);
                 .pr(32);  
                }
                
                
             }
        }
    }
}
footer{
    width: 100%;
    .px2rem(height,98);
    background: #000;
    position: fixed;
    bottom: 0;
    ul{
        display: flex;
        .name();
        align-items: center;
        .px2rem(height,96);
        li{
            text-align: center;
            a{
                color: #fff;
                display: block;
            }
        }
        .more{
            img{
                .px2rem(width,62);
                .px2rem(height,49);
            }
        }
        .gwc{
            img{
                .px2rem(width,55);
                .px2rem(height,49);
            }
        }
        .shou,.xx,.ss{
            img{
                .px2rem(width,51);
                .px2rem(height,49);
            }
            
        }
    }
}
